﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Wap/Shop/ShopSite.Master" AutoEventWireup="true" CodeBehind="SeckillDefault.aspx.cs" Inherits="ZLCMS.Web.Wap.Shop.Promotion.SeckillDefault" %>
<%@ Register src="~/Wap/Shop/Footer.ascx" tagname="Footer" tagprefix="uc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>今日秒杀</title>
    <link href="/wap/shop/Promotion/css/my.css" rel="stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="pages" runat="server">
    <!--S page -->
    <div data-role="page" id="mypage">

	    <!--S header -->
	    <div data-role="header">
	    </div>
        <!--E header -->
	
        <!--S content -->
	    <div role="main" class="ui-content seckill">
            <div>
                <ul class="week">
                    <li>
                        <p>3月20日</p>
                        <p>已结束</p>
                    </li>
                    <li>
                        <p>3月21日</p>
                        <p>已结束</p>
                    </li>
                    <li class="active">
                        <p>3月22日</p>
                        <p>进行中</p>
                    </li>
                    <li>
                        <p>3月23日</p>
                        <p>未开始</p>
                    </li>
                    <li>
                        <p>3月24日</p>
                        <p>未开始</p>
                    </li>
                </ul>
            </div>
            <div class="banner">
                <img src="/wap/shop/images/seckillBanner.jpg" />
            </div>
            <div class="killList">
                <div class="killList_title">
                    <h5>本场次还有宝贝可以继续秒杀哦</h5>
                    <div>
                        <p>距结束倒计时</p>
                        <ul class="countDown">
                            <li><span class="h1">0</span><span class="h2">0</span></li>
                            <li>:</li>
                            <li><span class="m1">0</span><span class="m2">0</span></li>
                            <li>:</li>
                            <li><span class="s1">0</span><span class="s2">0</span></li>
                        </ul>
                    </div>
                </div>
                <div>
                    <ul class="killList_con">
                        <li>
                            <div class="left"><img src="/wap/shop/images/killimg01.jpg" /></div>
                            <div class="right">
                                <h5>特级大红袍 武夷岩茶 森舟茶叶礼盒 正品武夷山茶500g散装乌龙茶 </h5>
                                <div>
                                    <p><span>￥99.0</span><em>￥299.0</em></p>
                                    <div>
                                        <p><span>已售<em>92%</em></span><i style=""><%--进度条--%></i></p>
                                        <p>马上抢</p>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="left"><img src="/wap/shop/images/killimg01.jpg" /></div>
                            <div class="right">
                                <h5>特级大红袍 武夷岩茶 森舟茶叶礼盒 正品武夷山茶500g散装乌龙茶 </h5>
                                <div>
                                    <p><span>￥99.0</span><em>￥299.0</em></p>
                                    <div>
                                        <p><span>已售<em>92%</em></span><i></i></p>
                                        <p>马上抢</p>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="killList killReadyList">
                <div class="killList_title">
                    <h5>即将开始秒杀抢购</h5>
                    <div>
                        <p>距开始倒计时</p>
                        <ul class="countDown">
                            <li><span class="h1">0</span><span class="h2">0</span></li>
                            <li>:</li>
                            <li><span class="m1">0</span><span class="m2">0</span></li>
                            <li>:</li>
                            <li><span class="s1">0</span><span class="s2">0</span></li>
                        </ul>
                    </div>
                </div>
                <div>
                    <ul class="killList_con">
                        <li>
                            <div class="left"><img src="/wap/shop/images/killimg01.jpg" /></div>
                            <div class="right">
                                <h5>特级大红袍 武夷岩茶 森舟茶叶礼盒 正品武夷山茶500g散装乌龙茶 </h5>
                                <div>
                                    <p><span>￥99.0</span><em>￥299.0</em></p>
                                    <div>
                                        <p><span><em>1000</em>人想抢</span></p>
                                        <p>马上抢</p>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="left"><img src="/wap/shop/images/killimg01.jpg" /></div>
                            <div class="right">
                                <h5>特级大红袍 武夷岩茶 森舟茶叶礼盒 正品武夷山茶500g散装乌龙茶 </h5>
                                <div>
                                    <p><span>￥99.0</span><em>￥299.0</em></p>
                                    <div>
                                        <p><span><em>100</em>人想抢</span></p>
                                        <p>马上抢</p>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
       
 	    </div>
        <!--E content -->
	
        <!--S footer -->
	    <div data-role="footer" data-position="fixed" data-tap-toggle="false">
                    <uc1:Footer ID="Footer1" runat="server" />    
        </div>
        <!--E footer -->
    </div>
    <!--E page -->

    <script>

        //进度条
        $(".week li").click(function () {
            $(this).addClass('active').siblings().removeClass();
        });
        $('.killList_con li .right>div div p:nth-child(1) i').css('width', '50%');

        //倒计时
        var EndTime = new Date('2100/10/23 00:00:00');
        countDown(EndTime);

        function countDown(time) {
            setInterval(function () {
                var NowTime = new Date();
                var t = time.getTime() - NowTime.getTime();
                var h = Math.floor(t / 1000 / 60 / 60 % 24);
                var m = Math.floor(t / 1000 / 60 % 60);
                var s = Math.floor(t / 1000 % 60);
                $('.countDown .h1').text(parseInt(h / 10));
                $('.countDown .m1').text(parseInt(m / 10));
                $('.countDown .s1').text(parseInt(s / 10));
                $('.countDown .h2').text(h % 10);
                $('.countDown .m2').text(m % 10);
                $('.countDown .s2').text(s % 10);
            }, 1000)
        }

    </script>
</asp:Content>
